<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <title>意林订单查询</title>
    <style>
      html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        font-size: 0.7rem;
        box-sizing: border-box;
      }
      *::-webkit-input-placeholder {
          color: #5aa74e;
      }
      *:-moz-placeholder {
          /* FF 4-18 */
          color: #5aa74e;
      }
      *::-moz-placeholder {
          /* FF 19+ */
          color: #5aa74e;
      }
      *:-ms-input-placeholder {
          /* IE 10+ */
          color: #5aa74e;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
  <script>
    (function(doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function() {
          // var clientWidth = window.screen.width;
          var clientWidth = docEl.clientWidth;
          if(!clientWidth) return;
          docEl.style.fontSize = 20 * (clientWidth / 375) + 'px';
        };
      if(!doc.addEventListener) return;
      //win.addEventListener(resizeEvt, recalc, false);
      recalc();
      //doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
  </script>
</html>
